<template>
  <div>
    <a-select style="width: 120px">
      <a-select-option value="jack">Jack</a-select-option>
      <a-select-option value="lucy">Lucy</a-select-option>
      <a-select-option value="disabled" disabled>Disabled</a-select-option>
      <a-select-option value="Yiminghe">yiminghe</a-select-option>
    </a-select>
    <a-date-picker picker="week" />
    <a-table :columns="columns" :data-source="data" rowKey="id">
      <template #bodyCell="{ column, text }">
        <template v-if="column.dataIndex === 'name'">
          <a>{{ text }}</a>
        </template>
      </template>
    </a-table>
  </div>
</template>
<script lang="ts" setup>
// base library
import { LISTHEADER } from "./config";
import { getList } from "@/api/base";
import { onMounted } from "@vue/runtime-core";
import { ref } from "vue";

const columns = LISTHEADER;

let data = ref([]);
onMounted(() => {
  getList().then((res: { code: any; msg: any; datas: any }) => {
    const { code, msg, datas } = res;
    data.value = datas;
  });
});
</script>
<script lang="ts">
export default {
  name: "ListExample",
};
</script>
